<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>社区首页</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    
    
    
    <style>
    	body{
    		background: #efefef;
    	}
    	
    	 .am-u-sm-3{font-size:13px;}
    	
    	.modular{background: #FFFFFF;margin-top:8px}
    	.modular .modbar{border-bottom:1px solid  #efefef;padding:5px;}
    	.block{height: 150px;padding:0px 3px}
    	.block img{width:100px;height: 100px;}
    	.countdown{border-radius: 8px;background:#d2004f;float:left;color:#FFFFFF;padding:5px 4px;text-align: center;margin:0px 3px;max-width:50px;max-height:50px;}
    	
    	a{text-decoration: none}
    	
    	
    	/*倒计时*/
	    #counting_box{
	        padding-left: 13px;
	    }
	    #counting_box li{
	        float: left;
	        font-size: 0.7em;
	    }
	    #counting_box .t{
	        background-color: #333333;
	        border-radius: 2px;
	        color: #FFF;
	        width: 0.75em;
	        height: 1.3em;
	        line-height: 1.4em;
	        text-align: center;
	        margin-right: 1px;
	        text-decoration: line-through;
	    }
    	
    </style>
</head>
<body>




<!--物业服务-->
<div class="am-g modular" style="margin-top:208px">

<div class="am-u-sm-12 modbar" style="padding: 0px">

<div style="background:#fa7e05;width:8px;height: 30px;float:left;padding: 0px;"></div>
<span  style="line-height: 30px;padding-left:15px;color:#fa7e05;font-weight: bold">物业服务</span>
<span style="line-height: 30px;float:right;padding-right: 15px;color:#848284" onclick="openfram('property',1);">更多</span>
</div>


<div class="am-u-sm-12" style="padding:0px 0px;">
	
	<div class="am-u-sm-3" style="padding:8px 5px 5px 0px;" onclick="openFee();">
	  <div class="am-u-sm-12" style="text-align:center;color:#636363;padding:0px 10px;">
	  	<img src="images/index/wyjf.png" /><br/>
	  	物业缴费
	  </div>
	</div>
	
	<div class="am-u-sm-3" style="padding:8px 5px 5px 0px" onclick="openBill();">
	  <div class="am-u-sm-12" style="text-align:center;color:#636363;padding:0px 10px;">
	  	<img src="images/index/wyfw.png" /><br/>
	  	物业账单
	  </div>
	</div>
	
	<div class="am-u-sm-3" style="padding:8px 5px 5px 0px" onclick="openNotice();">
	  <div class="am-u-sm-12" style="text-align:center;color:#636363;padding:0px 10px;">
	  	<img src="images/index/wxtz.png" /><br/>
	  	维修通知
	  </div>
	</div>
	
	<div class="am-u-sm-3" style="padding:8px 5px 5px 0px"  onclick="openAnnounce();">
	  <div class="am-u-sm-12" style="text-align:center;color:#636363;padding:0px 10px;">
	  	<img src="images/index/wygg.png" /><br/>
	  	物业公告
	  </div>
	</div>
	</div>
	


</div>

<!--生活服务-->
<div class="am-g modular">

	<div class="am-u-sm-12 modbar" style="padding: 0px">
	
	<div style="background:#00d838;width:8px;height: 30px;float:left;padding: 0px;"></div>
	<span  style="line-height: 30px;padding-left:15px;color:#00d838;font-weight: bold">生活服务</span>
	<span style="line-height: 30px;float:right;padding-right: 15px;color:#848284" onclick="openfram('lifeservice',5);">更多</span>
	</div>

</div>

<div class="am-g" style="border-bottom: 1px solid #e9e9e9;margin-top: 5px;">
	<div class="am-u-sm-12" style="padding:0px 0px;background: #FFFFFF;">
		<div class="block" style="width:40%;border: 0px solid red;float: left" onclick="openWin('travel')">
	        <div style="padding: 5px 15px;font-size: 19px">
	            <span>旅游出行</span> 
	             <i style="color:#00d838" class="am-icon-angle-right "></i>
	        </div>
	        
	        <div style="text-align: center;">
	            <img src="images/index/lycx2.png"  />
	        </div>
	    </div>
	    
	    
	    <div class="block" onclick="openWin('recharge')" style="width: 20%;text-align:center;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;float: left">
	           <div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span>话费充值</span> 
		        </div>
		        
		        <div style="text-align: center;">
	               <img src="images/fare.png"  />
	           </div>
	    </div>
		
		
		<div class="block" onclick="openWin('lifeservice_water')"  style="width: 20%;border-right: 1px solid #e9e9e9;float: left;text-align: center">
	            <div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span>送水业务</span> 
		        </div>
		        
		        <div style="text-align: center;">
	               <img src="images/water.png" />
	           </div>
	    </div>
	    
	    
	    <div class="block" style="width: 20%;float: left" onclick="toast('敬请期待');">
	            <div style="padding: 3px 0px;font-size: 19px;font-size: 10px;text-align: center">
	            	<div>飞机票</div>
		            <div>火车票</div>
		        </div>
		        
		        <div style="text-align: center;">
	               <img src="images/plane.png"  />
	           </div>
	    </div>	
	</div>
</div>


<div class="am-g" style="border-bottom: 1px solid #e9e9e9;text-align: center">
	<div class="am-u-sm-12" style="padding:0px 0px;background: #FFFFFF;">
	
		<div class="am-u-sm-3 block" onclick="openProductList({'urlString':'?category=家政服务','title':'家政服务'})">
	         <div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span >家政服务</span> 
		        </div>
		        
		        <div style="text-align: center;padding: 0px 0px">
	               <img src="images/index/jzfw.png" />
	           </div>
	   </div>


		<div class="am-u-sm-3 block" onclick="openWin('lifeservice_list',{'type':'家电维修'})" style="border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;" >
			<div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span>家电维修</span> 
		        </div>
		        
		        <div style="text-align: center;padding: 0px 0px">
	               <img src="images/index/jdwx.png" />
	           </div>
	   </div>
	   
	   
	   <div class="am-u-sm-3 block"  onclick="openEducation();" style="border-right: 1px solid #e9e9e9;" >
	          <div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span>文化教育</span> 
		        </div>
		        
		        <div style="text-align: center;padding: 0px 0px">
	               <img src="images/index/whjy.png" />
	           </div>
	   </div>
		
		
		<div class="am-u-sm-3 block"  onclick="openProductList({'urlString':'?category=医疗服务','title':'医疗服务'})">
	           <div style="padding: 10px 0px;font-size: 19px;font-size: 14px">
		            <span>医疗服务</span> 
		        </div>
		        
		        <div style="text-align: center;padding: 0px 0px">
	               <img src="images/index/ylfw.png"  />
	           </div>
	   </div>
		
	</div>
</div>



<!--72家装-->
<div class="am-g" style="background: #FFFFFF;">

	<div class="am-u-sm-12" style="border-bottom:1px solid  #efefef;padding:0px;">
	
		<div style="background:#9d23dc;width:8px;height: 30px;float:left;padding: 0px;"></div>
		<span  style="line-height: 30px;padding-left:15px;color:#9d23dc;font-weight: bold">72家装</span>
	</div>
	
	
    <div style="height: 150px;">
          <div onclick="openredo();"  style="width: 50%;height: 150px;float: left;border-right: 1px solid #e9e9e9;">
              <img src="images/688tc.jpg"  style="height:150px;width: 100%"/>
          </div>
          
          <div onclick="openredocase();" style="width: 30%;height: 150px;float: left;border-right: 1px solid #e9e9e9;text-align:center;padding:2px">
                <div style="padding:5px 0px;font-size: 14px;">
		            <span>精品案例</span> 
		        </div>
		        
		        <div style="text-align: center;">
	               <img src="images/index/case.png"  style="height:115px;width: 100%"/>
	           </div>
          </div>
          
          <div  onclick="openredoconsult();" style="width: 20%;height:150px;float: left;text-align: center;padding:2px">
                <div style="padding:5px 0px;font-size: 14px;">
		            <span>服务咨询</span> 
		        </div>
		        
		        <div style="text-align: center;">
	               <img src="images/index/zixun.png"  style="height:115px;width: 100%"/>
	           </div>
                 
          </div>
          
          
    </div>

	
	
</div>


<!--火热进行-->
<div class="am-g modular">

<div class="am-u-sm-12 modbar" style="padding: 0px">

	<div style="background:#0e5cea;width:8px;height: 30px;float:left;padding: 0px;"></div>
	<span  style="line-height: 30px;padding-left:15px;color:#0e5cea;font-weight: bold">火热进行</span>
	</div>


	<div class="am-u-sm-12" style="padding:0px 0px;">
		  <div class="am-u-sm-5" style="border-right: 1px solid #e9e9e9;height: 200px;"  onclick="openGrabbuy('1')" >
		        <div style="height: 100px">
		            <div id="qg1title">72抢购</div>
		            <div style="color:#c6c3c6" id="qg1protitle"></div>
		            <!--<div class="am-u-sm-12" style="padding: 3px 0px">
		            
		                <div  class="am-u-sm-3 countdown"  style="float: left">
		                    01
		                </div>
		                 
		                <div  class="am-u-sm-3 countdown"  style="float: left">
		                    02
		                </div>
		                   <div  class="am-u-sm-3 countdown" style="float: left">
		                    03
		                </div>
		         
		             
		                
		            </div>-->
		        </div>
		        
		         <div style="height: 100px;text-align: center">
		             <img id="qg1img" src="../../image/noImage.png"  style="height: 90px"/>
		        </div>
		        
		        
		        
		  </div> <!-- am-u-sm-5  end-->
		  
		  <!--右边-->
		  <div class="am-u-sm-7" style="height: 200px;padding: 0px">
		         
		         <div   class="am-u-sm-12" style="height: 100px;border-bottom: 1px solid #e9e9e9;text-align: center">
		                  <div id="qg2title" style="display: none"></div>
		                  <div class="am-u-sm-6"  style="padding: 5px 3px" onclick="openGrabbuy('2')">
		                     <img id="qg2img"  src="../../image/noImage.png"  style="height: 90px"/>
		                  </div>
		                  
		                  <div id="qg3title" style="display: none"></div>
		                  <div class="am-u-sm-6" style="padding: 5px 3px" onclick="openGrabbuy('3')">
		                     <img id="qg3img" src="../../image/noImage.png"  style="height: 90px"/>
		                  </div>
		                  
		                  
		         </div>
		         
		          <div   class="am-u-sm-12" style="height: 100px;padding:0px;text-align: center">
		                 <div class="am-u-sm-6"  style="border-right: 1px solid  #e9e9e9;height: 100px" onclick="openGrabbuy('4')">
		                         <div id="qg4title">聚实惠</div>        
		                         <div>
		                              <img  id="qg4img" src="../../image/noImage.png"  style="height: 70px"/>
		                         </div>
		                  </div>
		                  
		                  <div class="am-u-sm-6"  style="height: 100px" onclick="openGrabbuy('5')">
		                         <div id="qg5title">每日首发</div>        
		                         <div>
		                              <img id="qg5img" src="../../image/noImage.png"  style="height: 70px"/>
		                         </div>
		                  </div>
		                  
		                
		         </div>
		         
		         
		  </div> <!-- am-u-sm-7 end-->
		  
		  
	
	</div>
	

</div>

</div>





<!--72商城-->
<div class="am-g modular" >

	<div class="am-u-sm-12 modbar" style="padding: 0px">
	
		<div style="background:#ff5100;width:8px;height: 30px;float:left;padding: 0px;"></div>
		<span  style="line-height: 30px;padding-left:15px;color:#ff5100;font-weight: bold">72商城</span>
		<span style="line-height: 30px;float:right;padding-right: 15px;color:#848284" onclick="openMall();">更多</span>
		</div>
	
	</div>

</div>


<div  class="am-g"  style="height: 200px;background: #FFFFFF;margin-top: 5px;">
    
    <!--上-->
    <div style="height: 100px;border-bottom: 1px solid #e9e9e9">
             <div style="width: 60%;border-right: 1px solid #e9e9e9;height: 100px;float: left" onclick="openProductList({'parentId':'563aaf7d365298357b00015d','isNeedGetChild':true});">
                    <div style="width: 50%;float: left;padding: 5px 10px">
                         <div>
                            <span  style="color:#3c3c3c">跨境电商</span> 
	                         <i style="color:#ff5100" class="am-icon-angle-right "></i>
                         </div>
                         <div style="color:#c6c3c6;margin-top: 20px;">
                        
                         </div>
                         <div style="border-radius: 15px;border:1px solid #ff5100;color:#ff5100;padding:3px;text-align: center;">遍布全球</div>
                         
                    </div>
                    
                    <div style="width: 50%;float: left;text-align: center;padding: 5px">
                           <img src="images/index/kjds.png"  style="height: 85px"/>
                    </div>
                    
             </div>
             
             <div style="width: 40%;height: 100px;float:left" onclick="openprolist('0')">
                    <div style="width: 60%;float: left;padding: 5px 5px">
                         <div>
                            <span style="color:#3c3c3c" id="cate0title">团购</span> 
	                         <i style="color:#ffae00" class="am-icon-angle-right "></i>
                         </div>
                         <div style="color:#c6c3c6">
                         &nbsp;
                         </div>
                         <div style="border-radius: 15px; font-size:15px; border:1px solid #ffae00;padding:0px 2px; color:#ffae00;text-align: center">应有尽有</div>
                         
                    </div>
                    
                    <div style="width: 40%;float: left;text-align: center;padding: 5px">
                           <img id="cate0img" src="../../image/noImage.png"  style="width:100%;height: 70px;margin-top: 5px"/>
                    </div>
                    
             </div>
    </div>
    
    <!--下-->
    <div style="height: 100px;border-bottom: 1px solid #e9e9e9">
    
           <div style="height: 100px;width: 20%;border-right: 1px solid #e9e9e9;float: left;text-align: center;font-size: 13px;padding: 3px 0px" onclick="openprolist('1')">
                     <div id="cate1title">每日首发</div>        
                     <div>
                          <img id="cate1img" src="../../image/noImage.png"  style="height: 70px"/>
                     </div>
           </div>
           
           <div style="height: 100px;width: 20%;border-right: 1px solid #e9e9e9;float: left;text-align: center;font-size: 13px;padding: 3px 0px" onclick="openprolist('2')">
                     <div id="cate2title">进口果蔬</div>        
                     <div>
                          <img id="cate2img" src="../../image/noImage.png"  style="height: 70px"/>
                     </div>
           </div>
           
           <div style="height: 100px;width: 20%;border-right: 1px solid #e9e9e9;float: left;text-align: center;font-size: 13px;padding: 3px 0px" onclick="openprolist('3')">
                     <div id="cate3title">生活用品</div>        
                     <div>
                          <img id="cate3img" src="../../image/noImage.png"  style="height: 70px"/>
                     </div>
           </div>
           
           <div style="height: 100px;width: 20%;border-right: 1px solid #e9e9e9;float: left;text-align: center;font-size: 13px;padding: 3px 0px" onclick="openprolist('4')">
                     <div id="cate4title">日式便当</div>        
                     <div>
                          <img id="cate4img" src="../../image/noImage.png"  style="height: 70px"/>
                     </div>
           </div>
           
           <div style="height: 100px;width: 20%;float:left;text-align:center;font-size: 13px;padding: 3px 0px" onclick="openprolist('5')">
                     <div id="cate5title">名土特产</div>        
                     <div>
                          <img id="cate5img" src="../../image/noImage.png"  style="height: 70px"/>
                     </div>
           </div>
           
    </div>
    
    
    
</div>










	
</body>


<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>



</html>